<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <style>
        /* 网页的默认字体是16像素 */
        div {
            height: 200px;
            background-color: aqua;

            /* 1. 行高值是以px作为单位 特点：设置多少px就是多少px，不受其它因素影响*/
            /* line-height: 60px; */

            /* 2. 行高值是倍数 特点：结果是 倍数*当前字体的font-size */
            line-height: 3;

            /* 3. 行高值是百分比 特点：结果是 百分比*当前字体的font-size */
            /* line-height: 200%; */

            font-size: 20px;
        }

        /* 
            特殊情况(面试题)：如果父元素设置了font-size，子元素也设置了font-size，
            且父元素的行高是倍数，那么对于子元素而言，行高倍数 * 子元素的font-size进行计算。
            如果是百分比和固定尺寸px，则不受影响;
         */
        p {
            background-color: blueviolet;
            font-size: 40px;
        }
    </style>
</head>

<body>
    <div>
        <p> 郑州装修公司郑州装修公司郑州装修公司郑州装修公司郑州装修公司 </p>
    </div>

</body>

</html>